*{
    margin: 0;
    padding: 0;
}

.container{
    margin-top: 40px;
    margin-bottom: 0;
    height: 900px;
}

.main{
    margin-left: 120px;
    margin-right: 120px;
    border: 1px solid #e1e1e1;
    height: 850px;
    /* margin-bottom: 0px; */
}

.left-container{
    float: left;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    width: 200px;
    background-color: #f4f3f4;
    text-align: center;
    border-right: 1px solid #e1e1e1;
    overflow: hidden;
    height: 850px;
}

.left-container h1{
    display: block;
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 22px;
    color: #222;
    font-weight: 400;
}

.left-container button{
    display: block;
    font-weight: 400;
    color: #333;
    height: 40px;
    width: 202px;
    margin-left: -1px;
    margin-top: 10px;
    line-height: 40px;
    font-size: 18px;
    text-decoration: none;
}

.my-coupon{
    margin-bottom: 660px;
}

.order .right-container{
    float: left;
    margin-left: 40px;
}

.message .right-container{
    float: left;
    margin-left: 40px;
}

.coupon .right-container{
    float: left;
    margin-left: 40px;
}

/*.message{*/
/*    display: none;*/
/*}*/

.profile-title-container{
    width: 1036px;
    padding: 26px 0;
    color: #ec443f;
    font-size: 18px;
    border-bottom: 1px solid #e1e1e1;
}

.order-box{
    border: 1px solid #e5e5e5;
    border-right: none;
    margin-top: 40px;
}

.order-box .order-header{
    background-color: #f7f7f7;
    font-size: 14px;
    padding: 16px 20px;
}

.order-box .order-header .order-date {
    color: #333;
    display: inline-block;
    margin-right: 30px;
}

.order-box .order-header .order-id {
    color: #999;
}

.order-box .order-header .del-order {
    width: 19px;
    height: 20px;
    background: url(../img/profile_del.png) no-repeat;
    float: right;
    border: none;
}

.order-box .order-body {
    padding: 20px;
    padding-right: 0;
}

.order-box .order-body .poster .moviePicture{
    display: block;
    border: 2px solid #fff;
    box-shadow: 0 1px 2px 0 hsl(0deg 0% 53% / 50%);
    margin-right: 11px;
    font-size: 0;
    width: 66px;
    height: 91px;
}

/*.order-box .order-body .poster img{*/
/*    background-size: contain;*/
/*}*/

img {
    border-style: none;
}

.order-box .order-body .order-content {
    width: 49%;
}

.order-box .order-body>div {
    display: inline-block;
    vertical-align: top;
}

.order-box .order-body .movie-name {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin: 4px 0 7px -6px;
}

.order-box .order-body .cinema-name, .order-box .order-body .hall-ticket {
    font-size: 12px;
    color: #999;
    margin-bottom: 4px;
}

.order-box .order-body .hall-ticket {
    font-size: 12px;
    color: #999;
    margin-bottom: 4px;
}

.order-box .order-body .hall-ticket span {
    display: inline-block;
    margin-right: 5px;
}

.order-box .order-body .show-time {
    font-size: 12px;
    color: #f03d37;
}

.order-box .order-body .actions, .order-box .order-body .order-price, .order-box .order-body .order-status {
    font-size: 14px;
    color: #333;
    width: 12%;
    line-height: 95px;
    margin-left: 10px;
}

.order-box .order-body .actions a{
    color: #6e3210; 
    text-decoration: none;
}

.order-box .order-body .actions a:hover{
    font-weight: bolder;
}

/*message*/
.m-order-box{
    border: 1px solid #e5e5e5;
    border-right: none;
    margin-top: 40px;
}

.m-order-box .m-order-header{
    background-color: #f7f7f7;
    font-size: 14px;
    padding: 16px 20px;
}

.m-order-box .m-order-header .m-order-date {
    color: #333;
    display: inline-block;
    margin-right: 30px;
}

.m-order-box .m-order-header .m-order-id {
    color: #999;
}

.m-order-box .m-order-header .m-del-order {
    width: 15px;
    height: 16px;
    background: url(../img/profile_del.png) no-repeat;
    float: right;
}

.m-order-box .m-order-body {
    padding: 20px;
    padding-right: 0;
}

.m-order-box .m-order-body .m-poster .m-moviePicture{
    border: 2px solid #fff;
    box-shadow: 0 1px 2px 0 hsl(0deg 0% 53% / 50%);
    margin-right: 11px;
    font-size: 0;
    width: 66px;
    height: 91px;
}

.m-order-box .m-order-body .m-poster img {
    border-style: none;
}

.m-order-box .m-order-body .m-order-content {
    width: 49%;
}

.m-order-box .m-order-body>div {
    display: inline-block;
    vertical-align: top;
}

.m-order-box .m-order-body .m-movie-name {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin: 8px 0 7px -6px;
    margin-top: 25px;
}

.m-order-box .m-order-body .m-cinema-name, .m-order-box .m-order-body .m-hall-ticket {
    font-size: 12px;
    color: #999;
    margin-bottom: 4px;
}

.m-order-box .m-order-body .m-hall-ticket {
    font-size: 12px;
    color: #999;
    margin-bottom: 4px;
}

.m-order-box .m-order-body .m-hall-ticket span {
    display: inline-block;
    margin-right: 5px;
}

.m-order-box .m-order-body .m-show-time {
    font-size: 12px;
    color: #f03d37;
}

.m-order-box .m-order-body .m-actions, .m-order-box .m-order-body .m-order-price, .m-order-box .m-order-body .m-order-status {
    font-size: 14px;
    color: #333;
    width: 12%;
    line-height: 95px;
    margin-left: 10px;
}

.m-order-box .m-order-body .m-actions a{
    color: #6e3210;
    text-decoration: none;
}

.m-order-box .m-order-body .m-actions a:hover{
    font-weight: bolder;
}
.m-order-box .m-order-body .m-order-status a{
    color: #6e3210;
    text-decoration: none;
}

.m-order-box .m-order-body .m-order-status a:hover{
    font-weight: bolder;
}

/*coupon*/
.c-order-box{
    border: 1px solid #e5e5e5;
    border-right: none;
    margin-top: 40px;
}

.c-order-box .c-order-header{
    background-color: #f7f7f7;
    font-size: 14px;
    padding: 16px 20px;
}

.c-order-box .c-order-header .c-order-date {
    color: #333;
    display: inline-block;
    margin-right: 30px;
}

.c-order-box .c-order-header .c-order-id {
    color: #999;
}

.c-order-box .c-order-header .c-del-order {
    width: 15px;
    height: 16px;
    background: url(../img/profile_del.png) no-repeat;
    float: right;
}

.c-order-box .c-order-body {
    padding: 20px;
    padding-right: 0;
}

.c-order-box .c-order-body .c-poster {
    border: 2px solid #fff;
    box-shadow: 0 1px 2px 0 hsl(0deg 0% 53% / 50%);
    margin-right: 11px;
    font-size: 0;
    margin-top: 10px;
    /*width: 66px;*/
    /*height: 91px;*/
}

.c-order-box .c-order-body .c-poster img {
    border-style: none;
}

.c-order-box .c-order-body .c-order-content {
    width: 40%;
}

.c-order-box .c-order-body>div {
    display: inline-block;
    vertical-align: top;
}

.c-order-box .c-order-body .c-movie-name {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin: 4px 0 7px -6px;
}

.c-order-box .c-order-body .c-cinema-name, .c-order-box .c-order-body .c-hall-ticket {
    font-size: 12px;
    color: #999;
    margin-bottom: 4px;
}

.c-order-box .c-order-body .c-hall-ticket {
    font-size: 12px;
    color: #999;
    margin-bottom: 4px;
}

.c-order-box .c-order-body .c-hall-ticket span {
    display: inline-block;
    margin-right: 5px;
}

.c-order-box .c-order-body .c-show-time {
    font-size: 12px;
    color: #f03d37;
}

.c-order-box .c-order-body .c-actions, .c-order-box .c-order-body .c-order-price, .c-order-box .c-order-body .c-order-status {
    font-size: 14px;
    color: #333;
    width: 12%;
    line-height: 95px;
    margin-left: 10px;
}

.c-order-box .c-order-body .c-actions a{
    color: #6e3210;
    text-decoration: none;
}

.c-order-box .c-order-body .c-actions a:hover{
    font-weight: bolder;
}